@charset "utf-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }
input, button, ul, ol { margin: 0px; padding: 0px; }
body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333; }
h1, h2, h3, h4, h5, h6, font { font-size: 14px; font-weight: normal; }
ul, ol, li { list-style: none; }
input { background: none; border: 0 none; }
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
img, iframe { border: 0px; }
em, i { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.red { color: #409c9f; }
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.poa { position: absolute; }
.por { position: relative; }
.hidden { display: none; }
body { padding-top: 80px; }
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
a { color: #333333; text-decoration: none; outline: none; }
a:hover { color: #409c9f; text-decoration: none; }
a:visited { text-decoration: none; }
.ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
:-moz-placeholder {
 color: #ccc;
}
::-moz-placeholder {
 color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #ccc;
}
/*清除浮动*/
.clearfix { *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.w12 { width: 1200px; margin: 0 auto; overflow: hidden; }
@media only all and (max-width: 1200px) {
.w12 { width: 1000px; }
}
 @media only all and (max-width: 1025px) {
.w12 { width: 960px; }
}
@media only all and (max-width: 960px) {
.w12 { width: 96%; padding: 0 2%; overflow:hidden;}
}
.container { }
.header { position: fixed; top: 0px; width: 100%; height: 80px; background: #fff; z-index: 999999; border-bottom: 1px solid #eaeaea; }
.header a { display: block; float: left; }
.header .logo1 { left: 34px; height: 80px; float: left;}
.header .logo2 { left: 34px; height: 80px; float: left;}
.header .nav { display: block; overflow: hidden; float: right; }
.header .nav li { color: #333; font-size: 16px; float: left; padding-left:20px; padding-right:20px; text-align: center; line-height: 80px; }
.header .nav li.on { height: 78px; color: #409c9f; border-bottom: solid 2px #409c9f; }
.header .nav li:hover { height: 78px; color: #409c9f; border-bottom: solid 2px #409c9f; }
.header .navBtn { display: none; position: absolute; top: 50%; right: 34px; width: 44px; height: 37px; margin-top: -19px; cursor: pointer; z-index: 1; }
.header .navBtn { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list { position: fixed; top: -800px; left: 0px; width: 100%; height: 654px; background: #fff; z-index: 999999; border-bottom: 1px solid #ddd; }
.list #listCloseBtn { position: absolute; top: 34px; right: 34px; cursor: pointer; }
@media (max-width: 479px) {
.container { width: 93.75%; }
.header { height: 74px; }
.header .container { width: 100%; }
.header .logo1 { left: 17px; width:90%; height:74px;}
.header .logo2 { left: 17px; width:90%; height:74px;}
.header .nav { background: #fff;border-left: 1px solid #ddd; position: fixed; top: 75px; right: -125px; width: 124px; height: auto; line-height: normal; }
.header .nav li { border-bottom: 1px solid #ddd; font-size: 14px; margin: 0px; width: 124px; height: 50px; line-height: 50px; float: none; color: #333; }
.header .nav li.on { height: 72px; color: #409c9f; }
.header .nav li:hover { height: 72px; color: #409c9f; background: #eeeeee; }
.header .navBtn { display: block; right: 10px; width: 25px; height: auto; margin-top: -13px; }
.list { display: none !important; }
}
@media (min-width: 480px) and (max-width: 639px) {
.container { width: 93.75%; }
.header { height: 74px; }
.header .container { width: 100%; }
.header .logo1 { left: 17px; height: 74px; }
.header .logo2 { left: 17px; height: 74px; }
.header .nav { background: #fff; display: none; border-left: 1px solid #ddd; position: fixed; top: 75px; right: -125px; width: 124px; height: auto; line-height: normal; }
.header .nav li { border-bottom: 1px solid #ddd; font-size: 14px; margin: 0px; width: 124px; height: 74px; line-height: 74px; float: none; color: #333; }
.header .nav li.on { height: 72px; color: #409c9f; }
.header .nav li:hover { height: 72px; color: #409c9f; background: #eeeeee; }
.header .navBtn { display: block; right: 17px; width: 30px; height: auto; margin-top: -13px; }
.list { display: none !important; }
}
@media (min-width: 640px) and (max-width:1023px ) {
.container { width: 93.75%; }
.header { height: 74px; }
.header .container { width: 100%; }
.header .logo1 { left: 17px; height: 74px; }
.header .logo2 { left: 17px; height: 74px; }
.header .nav { background: #fff; display: none; border-left: 1px solid #ddd; position: fixed; top: 75px; right: -125px; width: 124px; height: auto; line-height: normal; }
.header .nav li { border-bottom: 1px solid #ddd; font-size: 14px; margin: 0px; width: 124px; height: 74px; line-height: 74px; float: none; color: #333; }
.header .nav li.on { height: 72px; color: #409c9f; }
.header .nav li:hover { height: 72px; color: #409c9f; background: #eeeeee; }
.header .navBtn { display: block; right: 17px; width: 30px; height: auto; margin-top: -13px; }
.list { display: none !important; }
}
@media (min-width: 1024px) and (max-width:1199px ) {
.container { }
.header { height: 68px; }
.header .logo1 { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header .logo1 { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header .logo1 { left: 13px; height: 68px; }

.header .logo2 { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header .logo2 { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header .logo2 { left: 13px; height: 68px; }
.header .nav { }
.header .nav li { font-size: 15px; line-height: 68px; width: 80px; }
.header .nav li.on { height: 66px; }
.header .nav li:hover { height: 66px; }
.header .navBtn { display: none !important; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header .navBtn { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header .navBtn { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
.header .navBtn { width: 33px; height: 28px; margin-top: -14px; }
.list .container { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.list .container { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
.list { height: 490px; }
#listCloseBtn { display: none !important; transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
#listCloseBtn { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
}
@media (min-width: 1200px) and (max-width:1920px ) {
.body-new-page{
	padding-top:0px;
}
.header-new-page{ height:341px; position:static;}
.container-new-page { overflow:hidden;}
.header .logo1 { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header .logo1 { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header .logo1 { left: 13px; height: 80px; }
.header-new-page .logo2 { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header-new-page .logo2 { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header-new-page .logo2 { left: 13px; width:100%; height:auto;}

.header .nav { }
.header .nav li { font-size: 16px; }
.header .navBtn { display: none !important; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header .navBtn { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header .navBtn { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
.header .navBtn { width: 33px; height: 28px; margin-top: -14px; }




.header-new-page .nav { background: #fff;border: 1px solid #ddd; position: fixed; top: 75px; margin-left: 0px; width: height: auto; line-height: normal; width:96px;}
.header-new-page .nav li { border-bottom: 1px solid #ddd; font-size: 14px; margin: 0px;height: 50px; line-height: 50px; float: none; color: #333;padding-left: 20px;
    padding-right: 20px;
    text-align: center;
	width:4em;
}
.header-new-page .nav li.on {color: #409c9f; }
.header-new-page .nav li:hover {color: #409c9f; background: #eeeeee; }
.header-new-page .navBtn { display: block; right: 10px; width: 25px; height: auto; margin-top: -13px;position: absolute;
    top: 50%;cursor: pointer;
    z-index: 1;}
.header-new-page .navBtn { display: none !important; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.header-new-page .navBtn { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
.header-new-page .navBtn { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
.header-new-page .navBtn { width: 33px; height: 28px; margin-top: -14px; }
.list { height: 544px; overflow: hidden; }
#listCloseBtn { transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; }
#listCloseBtn { transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); -webkit-transform: scale(0.83); }
}
/*end header*/
@-webkit-keyframes hvr-back-pulse { 50% {
 background-color: #df4045;
}
}
@keyframes hvr-back-pulse { 50% {
 background-color: #df4045;
}
}
@-webkit-keyframes hvr-back-pulse2 { 50% {
 background-color: #474343;
}
}
@keyframes hvr-back-pulse2 { 50% {
 background-color: #474343;
}
}
.hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #409c9f; color: #fff !important; border-color: #409c9f !important; }
.hvr-back-pulse2 { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.hvr-back-pulse2:hover, .hvr-back-pulse2:focus, .hvr-back-pulse2:active { -webkit-animation-name: hvr-back-pulse2; animation-name: hvr-back-pulse2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #222222; color: #fff !important; border-color: #222222 !important; }
@-webkit-keyframes downIn { 0% {
 opacity: 0.5;
 -webkit-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@-moz-keyframes downIn { 0% {
 opacity: 0;
 -moz-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
@-o-keyframes downIn { 0% {
 opacity: 0;
 -o-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
@keyframes downIn { 0% {
 opacity: 0;
 -ms-transform: translateY(50px);
 transform: translateY(50px);
}
 100% {
 opacity: 1;
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes rotateImg { 0% {
 -webkit-transform: rotate(0);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes rotateImg { 0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
/*尾部*/
.foot { width: 100%; padding: 50px 0; overflow: hidden; background: url(../images/img_03.jpg) repeat; }
.footnav { width: 39%; float: left; overflow: hidden; }
.footnav li { width: 20%; padding: 0 0%; float: left; overflow: hidden; }
.footnav li a { width: 100%; float: left; text-align: center; font-size: 14px; line-height: 24px; color: #999999; }
.footnav li a em { color: #fff; margin-bottom: 10px; }
.erweima { width: 25%; float: left; overflow: hidden; }
.erweima li { width: 44%; padding: 0 3%; float: left; overflow: hidden; }
.erweima li img { width: 100%; float: left; display: block; }
.erweima li p { width: 100%; display: block; font-size: 16px; color: #fff; text-align: center; line-height: 24px; margin-top: 5px; }
.footdh { width: 34%; float: right; overflow: hidden; display: block; font-size: 25px; line-height: 26px; color: #409c9f; font-weight: bold; }
.footdh p { width: 100%; float: left; margin-top: 10px; font-size: 48px; line-height: 50px; color: #fff; }
.banquan { width: 100%; background-color: #212121; font-size: 12px; color: #fff; line-height: 18px; display: block; text-align: center; padding: 9px 0 }
 @media only all and (max-width: 1200px) {
.footdh { font-size: 21px; }
.footdh p { font-size: 41px; }
}
 @media only all and (max-width: 1025px) {
.footdh { font-size: 20px; }
.footdh p { font-size: 39px; }
}
 @media only all and (max-width: 960px) {
.footnav { width: 50%; }
.erweima { width: 50%; }
.footdh { width: 100%; font-size: 35px; line-height: 35px; text-align: center; }
.footdh p { font-size: 68px; line-height: 68px; }
}
 @media only all and (max-width: 640px) {
.footnav { width: 106%; margin-bottom: 15px; }
.erweima { width: 100%; margin-bottom: 15px; }
.footdh { margin-top: 15px; font-size: 22px; line-height: 28px; }
.footdh p { font-size: 44px; line-height: 48px; }
}
